
.single-symbol-card {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;

    .symbol-card {
        position: relative;
        width: 100%;
        height: 100%;
        .symbol-wrapper {
            width: 100%;
            height: 100%;
            &-img {
                width: 100%;
                height: 100%;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}
.index-card-delete.symbol-delete-icon {
    margin: 0 auto;
}

.front-arrow-icon {
    visibility: hidden;
    cursor: pointer;
    transform: rotate(-90deg);
    position: absolute;
    right: -16px;
    top: 8px;
    svg {
        color: #3C6EFF;
        width: 24px;
        height: 18px;
    }
    &.symbol-front-arrow_icon {
        visibility: visible;
    }
}

.index-card-delete svg.activeIconDelete {
    color: #3C6EFF;
}



